<template>
    <div class="center-panel flex justify-between items-start w-full h-full">
      <div class="w-[600px] h-full z-5 left-panel grid grid-cols-1 grid-rows-3 gap-[20px]">
        <panel1 ></panel1>
        <panel2></panel2>
        <panel3></panel3>
      </div>
      <div class="flex-1 ml-[20px] z-5 right-panel">
        <panel4></panel4>
        <panel5></panel5>
      </div>
    </div>
</template>
<script setup>
import panel1 from './panel1.vue'
import panel2 from './panel2.vue'
import panel3 from './panel3.vue'
import panel4 from './panel4.vue'
import panel5 from './panel5.vue'

</script>

<style lang="scss" scoped></style>
